1、首先确定好返回来的数据字段和渲染位置
2、在html静态页面上将字段添加到标签上如:

    <div id="msgcon">
        <input field="title" type="text" value="" class="input-sm">
        <textarea field="name"></textarea>
        <div field="content"></div>
    </div>

   当然，也可以确定成标签元素的id值，这里小编习惯自定义成field属性

3、定义一个渲染数据的公共方法如:

    // params.result是一维JSON数据结构
    renderField = function(params){
        params.data = params.result ? params.result : {};
        for(field in params.data){
            $(params.el).find("input[field='"+field+"']").val(params.data[field]);
            $(params.el).find("textarea[field='"+field+"']").val(params.data[field]);
            $(params.el).find("*[field='"+field+"']").text(params.data[field]);
        }
    }

4、在请求接口中的回调函数调用该方法

    renderField({
        el: "#msgcon", // 数据渲染在盖DOM元素区域内
        data: responseBody //接口返回数据
    })

5、我们可以在任何位置任何接口调用该方法，而不需要通过一个一个DOM标签元素去赋值，以节省开发时间和代码优化